<!DOCTYPE html>

<html xmlns:th="http://www.thymeleaf.org">

<head>
<meta http-equiv="content-type" content="text/html; charset=UTF-8" />
<meta charset="utf-8" />
<title th:utext="#{title.landing}"></title>
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<meta name="description" content="" />
<meta name="author" content="Dhrubo" />

<!-- Le styles -->


<link rel="stylesheet" type="text/css" media="all"
	href="css/bootstrap.css" th:href="@{/resources/css/bootstrap.css}" />

<style type="text/css">
body {
	padding-top: 60px;
	padding-bottom: 40px;
}
</style>


<link rel="stylesheet" type="text/css" media="all"
	href="css/bootstrap-responsive.css"
	th:href="@{/resources/css/bootstrap-responsive.css}" />

<!-- HTML5 shim, for IE6-8 support of HTML5 elements -->
<!--[if lt IE 9]>
      <script src="../assets/js/html5shiv.js"></script>
    <![endif]-->


</head>

<body>

	<div class="navbar navbar-inverse navbar-fixed-top">
		<div class="navbar-inner">
			<div class="container">
				<button type="button" class="btn btn-navbar" data-toggle="collapse"
					data-target=".nav-collapse">
					<span class="icon-bar"></span> <span class="icon-bar"></span> <span
						class="icon-bar"></span>
				</button>
				<a class="brand" href="welcome" style="color: yellow; font-weight: bold" th:utext="#{product}"></a>
				<div class="nav-collapse collapse">
					<ul class="nav">
						<li><a href="welcome" th:utext="#{home}"></a></li>
						<!-- 
						<li><a href="pricing" th:utext="#{pricing}">Pricing</a></li>
						 
						<li><a href="features" th:utext="#{pricing}"></a></li>
						-->

						<li class="active"><a href="registration"
							th:utext="#{signup}"></a></li>
					</ul>
					<form class="navbar-form pull-right"
						th:action="@{/j_spring_security_check}"
						action="j_spring_security_check" method="post">
						<input class="span2" th:placeholder="#{email}" type="text"
							name="j_username" /> <input class="span2"
							th:placeholder="#{password}" type="password" name="j_password" />
						<button type="submit" class="btn" th:utext="#{signin}"></button>
					</form>
				</div>
				<!--/.nav-collapse -->
			</div>
		</div>
	</div>

	<div class="container">

		<!-- Main hero unit for a primary marketing message or call to action -->
		
		<!-- 
		<div class="hero-unit">
			<h1 th:utext="#{welcomemsg}"></h1> 
			<p th:utext="#{productmsg}"></p>
			<p>
				<a href="registration" class="btn btn-primary btn-large" th:utext="#{joinusmsg}"></a>
			</p>
		</div>
		 -->
		<!-- Example row of columns -->
		<!-- 
		<div class="row">
			<div class="span4">
				<h2>Fresh</h2>
				<p>Donec id elit non mi porta gravida at eget metus. Fusce
					dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh,
					ut fermentum massa justo sit amet risus. Etiam porta sem malesuada
					magna mollis euismod. Donec sed odio dui.</p>
				<p>
					<a class="btn" href="#">More »</a>
				</p>
			</div>
			<div class="span4">
				<h2>Agile</h2>
				<p>Donec id elit non mi porta gravida at eget metus. Fusce
					dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh,
					ut fermentum massa justo sit amet risus. Etiam porta sem malesuada
					magna mollis euismod. Donec sed odio dui.</p>
				<p>
					<a class="btn" href="#">More »</a>
				</p>
			</div>
			<div class="span4">
				<h2>Collaborate</h2>
				<p>Donec sed odio dui. Cras justo odio, dapibus ac facilisis in,
					egestas eget quam. Vestibulum id ligula porta felis euismod semper.
					Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum
					nibh, ut fermentum massa justo sit amet risus.</p>
				<p>
					<a class="btn" href="#">More »</a>
				</p>
			</div>
		</div>
		 -->
		<hr />

		

	</div>

	<div class="container">
		<!-- 
		<div class="row-fluid">
			<div class="span12">
				<div class="span2" style="width: 15%;">
					<ul class="unstyled">
						<li>GitHub</li>
						<li></li>
						<li><a href="#">About us</a></li>
						<li><a href="#">Blog</a></li>
						<li><a href="#">Contact  support</a></li>
						<li><a href="#">Enterprise</a></li>
						<li><a href="#">Site status</a></li>
					</ul>
				</div>
				<div class="span2" style="width: 15%;">
					<ul class="unstyled">
						<li>Applications</li>
						<li></li>
						<li><a href="#">Product for Mac</a></li>
						<li><a href="#">Product for Windows</a></li>
						<li><a href="#">Product for Eclipse</a></li>
						<li><a href="#">Product mobile apps</a></li>
					</ul>
				</div>
				<div class="span2" style="width: 15%;">
					<ul class="unstyled">
						<li>Services</li>
						<li></li>
						<li><a href="#">Web analytics</a></li>
						<li><a href="#">Presentations</a></li>
						<li><a href="#">Code snippets</a></li>
						<li><a href="#">Job board</a></li>
					</ul>
				</div>
				<div class="span2" style="width: 15%;">
					<ul class="unstyled">
						<li>Documentation</li>
						<li></li>
						<li><a href="#">Product Help</a></li>
						<li><a href="#">Developer API</a></li>
						<li><a href="#">Product Markdown</a></li>
						<li><a href="#">Product Pages</a></li>
					</ul>
				</div>
				<div class="span2" style="width: 15%;">
					<ul class="unstyled">
						<li>More</li>
						<li></li>
						<li><a href="#">Training</a></li>
						<li><a href="#">Students  teachers</a></li>
						<li><a href="#">The Shop</a></li>
						<li><a href="#">Plans  pricing</a></li>
						<li><a href="#">Contact us</a></li>
					</ul>
				</div>
			</div>
		</div>
		<hr/>
		 -->
		<div class="row-fluid">
			<div class="span12">
				<!-- 
				<div class="span8 pull-left">
					<a href="#" th:utext="#{termsofservice}"></a>| <a href="#"
						th:utext="#{privacy}"></a> |<a th:utext="#{security}" href="#"></a>
				</div>
				 -->
				<div class="span4">
					<p class="muted pull-right" th:utext="#{copyright}"></p>
				</div>
			</div>
		</div>
	</div>



	<!-- /container -->
	<!-- Le javascript
    ================================================== -->
	<!-- Placed at the end of the document so the pages load faster -->
	<script src="js/jquery.js" th:src="@{/resources/js/jquery.js}"></script>
	
	<script src="js/bootstrap-dropdown.js"
		th:src="@{/resources/js/bootstrap-dropdown.js}"></script>
	




</body>
</html>